<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</meta>
<title>F.accordion演示</title>
<style type="text/css">
*{margin:0; padding:0;}
body{font-size:14px;}
#box{width:200px; margin:50px;}
#box dt{cursor:pointer;}
#box dd{height:0; overflow:hidden;}
#box dd.cur{height:300px;}
#box dd p{margin:150px 50px;}
</style>
<script type="text/javascript" src="../../1st.js"></script>
<script type="text/javascript" src="../../1st.accordion.js"></script>
</head>
<body>
<dl id="box">
	<dt>好友</dt>
	<dd class="cur">
		<p>好友名单</p>
	</dd>
	<dt>同事</dt>
	<dd>
		<p>同事名单</p>
	</dd>
	<dt>陌生人</dt>
	<dd>
		<p>陌生人名单</p>
	</dd>
	<dt>黑名单</dt>
	<dd>
		<p>黑名单</p>
	</dd>
</dl>

<script type="text/javascript">
F.accordion("box");
</script>
</body>
</html>